#app {
  .app-wrapper {
    padding-top: $topBarHeight;
  }
  .topbar-container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1002;
    height: $topBarHeight;
    width: 100%;
    .topbar {
      height: $topBarHeight;
      display: flex;
      justify-content: space-between;
      .left {
        display: flex;
        align-items: center;
        color:#fff;
        .logo {
          float: left;
          cursor: pointer;
          img {
            display: block;
            margin: 10px 15px;
            width: 50px;
            height:auto
          }
        }
        .title{
          font-size: 14px;
          font-family: Source Han Sans CN, Source Han Sans CN-Bold;
          font-weight: 700;
          text-align: center;
          width: 180px;
          color: #007dff;
          line-height: 16px;
          display: flex;
          justify-content: center;
          align-items: center;
          cursor: pointer;
        }
      }
      .right {
        .el-dropdown{
          color: #000;
        }
        .ctrl {
          display: flex;
          padding: 0 15px;
          align-items: center;
          height: $topBarHeight;
          .username {
            cursor: pointer;
          }
        }
      }
    }
  }
}
